//function imageshear(file) {
//    var Cropper = window.Cropper;
//    var URL = window.URL || window.webkitURL;
//    var container = document.querySelector('.img-container');
//    var image = container.getElementsByTagName('img').item(0);
//    var download = document.getElementById('download');
//    var actions = document.getElementById('actions');
//    var options = {
//        aspectRatio: 5 / 3,
//        preview: '.img-preview',
//        ready: function (e) {
//            console.log(e.type);
//        },
//        cropstart: function (e) {
//            console.log(e.type, e.detail.action);
//        },
//        cropmove: function (e) {
//            console.log(e.type, e.detail.action);
//        },
//        cropend: function (e) {
//            console.log(e.type, e.detail.action);
//        },
//        zoom: function (e) {
//            console.log(e.type, e.detail.ratio);
//        }
//    };
//    var cropper = new Cropper(image, options);
//    var originalImageURL = image.src;
//    var uploadedImageType = 'image/jpeg';
//    var uploadedImageURL;
//
    // Tooltip
    //$('[data-toggle="tooltip"]').tooltip();
//
//    // Buttons
//    if (!document.createElement('canvas').getContext) {
//        $('button[data-method="getCroppedCanvas"]').prop('disabled', true);
//    }
//
//    if (typeof document.createElement('cropper').style.transition === 'undefined') {
//        $('button[data-method="rotate"]').prop('disabled', true);
//        $('button[data-method="scale"]').prop('disabled', true);
//    }
//
//    // Download
//    if (typeof download.download === 'undefined') {
//        download.className += ' disabled';
//    }
//    // Methods
//    actions.querySelector('.docs-buttons').onclick = function (event) {
//        var e = event || window.event;
//        var target = e.target || e.srcElement;
//        var cropped;
//        var result;
//        var input;
//        var data;
//
//        if (!cropper) {
//            return;
//        }
//
//        while (target !== this) {
//            if (target.getAttribute('data-method')) {
//                break;
//            }
//
//            target = target.parentNode;
//        }
//
//        if (target === this || target.disabled || target.className.indexOf('disabled') > -1) {
//            return;
//        }
//
//        data = {
//            method: target.getAttribute('data-method'),
//            target: target.getAttribute('data-target'),
//            option: target.getAttribute('data-option') || undefined,
//            secondOption: target.getAttribute('data-second-option') || undefined
//        };
//
//        cropped = cropper.cropped;
//
//        if (data.method) {
//            if (typeof data.target !== 'undefined') {
//                input = document.querySelector(data.target);
//                if (!target.hasAttribute('data-option') && data.target && input) {
//                    try {
//                        data.option = JSON.parse(input.value);
//                    } catch (e) {
//                        console.log(e.message);
//                    }
//                }
//            }
//
//            switch (data.method) {
//                case 'rotate':
//                    if (cropped && options.viewMode > 0) {
//                        cropper.clear();
//                    }
//
//                    break;
//
//                case 'getCroppedCanvas':
//                    try {
//                        data.option = JSON.parse(data.option);
//                    } catch (e) {
//                        console.log(e.message);
//                    }
//
//                    if (uploadedImageType === 'image/jpeg') {
//                        if (!data.option) {
//                            data.option = {};
//                        }
//
//                        data.option.fillColor = '#fff';
//                    }
//
//                    break;
//            }
//            result = cropper[data.method](data.option, data.secondOption);
//
//            switch (data.method) {
//                case 'rotate':
//                    if (cropped && options.viewMode > 0) {
//                        cropper.crop();
//                        console.log("66666");
//                    }
//
//                    break;
//
//                case 'scaleX':
//                case 'scaleY':
//                    target.setAttribute('data-option', -data.option);
//                    break;
//
//                case 'getCroppedCanvas':
//                    if (result) {
//                        console.log("1111");
//                        console.log(result);
//                        //$('#getCroppedCanvasModal').modal().find('.modal-body').html(result);
//
//                        if (!download.disabled) {
//                            download.href = result.toDataURL(uploadedImageType);
//                            var Blobpicture = dataURLtoBlob(result.toDataURL(uploadedImageType));
//                            Blobpicture.name = file['name'];
//                            console.log(Blobpicture);
//                            return Blobpicture;
//                        }
//                    }
//
//                    break;
//
//                case 'destroy':
//                    cropper = null;
//
//                    if (uploadedImageURL) {
//                        console.log("6697415");
//                        URL.revokeObjectURL(uploadedImageURL);
//                        uploadedImageURL = '';
//                        image.src = originalImageURL;
//                    }
//
//                    break;
//            }
//
//            if (typeof result === 'object' && result !== cropper && input) {
//                try {
//                    input.value = JSON.stringify(result);
//                } catch (e) {
//                    console.log(e.message);
//                }
//            }
//        }
//    };
//
//    document.body.onkeydown = function (event) {
//        console.log("56988888");
//        var e = event || window.event;
//
//        if (!cropper || this.scrollTop > 300) {
//            return;
//        }
//
//        switch (e.keyCode) {
//            case 37:
//                e.preventDefault();
//                cropper.move(-1, 0);
//                break;
//
//            case 38:
//                e.preventDefault();
//                cropper.move(0, -1);
//                break;
//
//            case 39:
//                e.preventDefault();
//                cropper.move(1, 0);
//                break;
//
//            case 40:
//                e.preventDefault();
//                cropper.move(0, 1);
//                break;
//        }
//    };
//    function dataURLtoBlob(dataurl) {
//        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
//            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
//        while (n--) {
//            u8arr[n] = bstr.charCodeAt(n);
//        }
//        return new Blob([u8arr], {type: mime});
//    }
//
//};
